<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>超链接元素</title>
	</head>
	<body>
		<!-- 超文本链接：通过点击文本，实现页面跳转 
		     超链接元素：a
			 超链接属性：必须属性 href=“路径+全称？”
			 超链接有6种表示形式？
			 ①跳转至页面：路径+文件全称
			 ②跳转本地：＃【占位符】
			 ③跳转互联网页面：http://www.baidu.com
			 ④实现下载:引入压缩包
			 ⑤跳转至邮箱：mailto:2731481456@qq.com 软件foxmail
			 ⑥跳转至JavaScript：javascript:JS语法
			 target属性：跳转打开方式
			     属性值：_self 默认，当前窗口打开，页面覆盖
				        _parent 当前父页面打开，没有符页面效果如上
						_top 在整个浏览器中打开页面，会忽略页面结构，直接占满全屏
						_blank 新打开一个页面，页面不会覆盖【*】
		-->
		<a href="javascript:alert('欢迎学习JS')">3.跳转至JS</a><br>
		<a href="mailto:2731481456qq.com">6.跳转至邮箱</a><br>
		<a href="1.zip">5.下载功能</a><br>
		<a href="http://www.baidu.com"target="_top">4.百度一下，你就知道</a>
		<a href="#">1.跳转本地</a><br>
		<a href="大风车.html">2.大风车页面</a><br>
		
		<h1>锚点技术</h1>
		<!-- 【返回顶部】锚点具备三要素：1.定义锚点 2.锚点距离 3.锚点位 -->
		<!-- 1.定义锚点 -->
		<a href="#ufo">人</a>
		<!-- 2.锚点距离  填充页面高度-->
		<div style="height: 1000px;"></div>
		<!-- 3.锚点位 超链接name传参属性：  【将前台数据传输到后台】
		               属性值：自定
	     -->
		 <a name="ufo"><img src="img/2.jpg" alt="飞猪"/></a>
		
	</body>
</html>